<template>
	<view :class="['s-flex-c-c-c',isCenter?'h100':`padding-top-${top}`]">
		<u-image :showLoading="false" loadingIcon="" class="img" width="200rpx" height="200rpx" :src="`/static/img/empty/${img}.png`"></u-image>
		<view class="msg" v-if="msg">
			{{msg}}
		</view>
		<view class="msg2">
			{{msg2}}
		</view>
		<slot></slot>
	</view>
</template>

<script setup>
	import {defineProps} from "vue"
	let prop= defineProps({
		msg:{
			type:String,
			default:""
		},
		isCenter:{
			type:Boolean,
			default: true
		},
		top:{
			type:String,
			default:"202"
		},
		img:{
			type:String,
			default:"empty"
		},
		msg2:{
			type:String,
			default:"如有残疾、孤老、烈属等可享税收优惠情形，请添加税收优惠减免备案"
		}
	})
</script>

<style lang="scss">
	.img{
		margin-top: -200rpx;
	}
.msg{
	margin-top: 20rpx;
	font-size: 30rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	color: #565A68;
	line-height: 46rpx;
}
.msg2{
	margin-top: 20rpx;
	width: 598rpx;
	height: 84rpx;
	font-size: 26rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	color: #999DA6;
	line-height: 42rpx;
	text-align: center;
}
</style>